<template>
	<div class="container">
		<el-container>
			<el-header class="app-header">
				<div class="logointer">
					<div class="logo">
						<img src="./assets/img/LOGO.jpg">
					</div>
					<div class="app-title">
						<h5>职业规划AI</h5>
						<h5>CareerAI</h5>
					</div>
				</div>
				<div class="nav-menu">
					<ul class="menu">
						<li><a href="">企业入口</a></li>
						<li><a href="">职业规划入口</a></li>
					</ul>
				</div>
			</el-header>
			<el-main class="app-main">
				<div class="el-col el-col-24"></div>
				<div class="el-col el-col-24">
					<div class="dekaron bander-ul">
						<ul>
							<li><img src="./assets/img/学业.png">
								<div class="text-div">
									<h5>学业数据</h5>
									<p>动态数据，指导发展</p>
								</div>
							</li>
							<li><img src="./assets/img/学习资源.png">
								<div class="text-div">
									<h5>学业数据</h5>
									<p>动态数据，指导发展</p>
								</div>
							</li>
							<li><img src="./assets/img/职场.png">
								<div class="text-div">
									<h5>学业数据</h5>
									<p>动态数据，指导发展</p>
								</div>
							</li>
						</ul>
					</div>
				</div>
				<div class="el-col el-col-24">
					<div class="dekaron">
						<h2 class="title">数据驱动教育四部曲</h2>
						<div class="cardiv">
							<div class="el-card box-card">
								<div class="el-card-body">
									<a href="">
										<div class="text item">
											<img src="./assets/img/数据采集.png">
											<p class="card-p">数据采集</p>
										</div>
									</a>
								</div>
							</div>
							
						</div>
					</div>
				</div>
			</el-main>
			<el-footer>
				底部
			</el-footer>
		</el-container>
	</div>
</template>

<script>
</script>

<style>
</style>
